import React from 'react';
import { SvgIcon, type SvgIconProps } from '@mui/material';

const Gold: React.FC<SvgIconProps> = (props) => {
  return (
    <SvgIcon {...props} x='0px' y='0px' viewBox='0 0 511.882 511.882'>
      <polygon
        style={{ fill: '#F6BB42' }}
        points='350.216,176.572 278.374,158.615 37.038,264.123 0,338.207 125.753,374.324 386.13,258.531
          '
      />
      <polygon
        style={{ fill: '#FFCE54' }}
        points='350.216,176.572 107.756,284.345 125.753,374.324 386.13,258.531 '
      />
      <polygon
        style={{ fill: '#E8AA3D' }}
        points='107.756,284.345 37.038,264.123 0.015,338.207 125.753,374.324 '
      />
      <polygon
        style={{ fill: '#F6BB42' }}
        points='475.969,212.682 404.127,194.717 162.791,300.232 125.753,374.324 251.504,410.41
          511.882,294.625 '
      />
      <polygon
        style={{ fill: '#FFCE54' }}
        points='475.969,212.682 233.508,320.431 251.504,410.41 511.882,294.625 '
      />
      <polygon
        style={{ fill: '#E8AA3D' }}
        points='233.508,320.431 162.791,300.232 125.753,374.324 251.504,410.41 '
      />
      <polygon
        style={{ fill: '#F6BB42' }}
        points='396.316,119.429 324.488,101.473 103.867,198.435 66.843,272.519 192.596,308.621
          432.245,201.379 '
      />
      <polygon
        style={{ fill: '#FFCE54' }}
        points='396.316,119.429 174.6,218.641 192.596,308.621 432.245,201.379 '
      />
      <polygon
        style={{ fill: '#E8AA3D' }}
        points='174.6,218.641 103.867,198.435 66.843,272.519 192.596,308.621 '
      />
    </SvgIcon>
  );
};

export default Gold;
